<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Agencia</title>
</h:head>
<h:body>
	<h:form id="frmAgencia">
		<p:outputPanel>
			<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
			
		</p:outputPanel>
		<!--  **********************Tabla de Agencias ****************** -->
		<p:outputPanel>
				<p:dataTable id="dataTable" var="agencias" value="#{agenciaBean.listar}"
				scrollable="true" scrollWidth="auto" scrollHeight="400" rows="10"
				lazy="true"
				rowKey="#{agencias.nroRuc}" selection="#{agenciaBean.agenciaSelected}"  selectionMode="single"            
	            emptyMessage="No se encontró datos" filteredValue="#{agenciaBean.filteredAgencia}" widgetVar="agenciaTable">
	
				<p:ajax event="rowSelect" listener="#{agenciaBean.onRowSelect}" 
					update=":agenciaDetailForm:display" oncomplete="agenciaDialog.show()"/>
	         	
	         	<f:facet name="header">
	            <p:outputPanel>
	                <h:outputText value="Search all the fields" />
	                <p:inputText id="globalFilter" onkeyup="agenciaTable.filter()" style="width:150px" />
	            </p:outputPanel>
	        	</f:facet>
	
	       		<p:column id="nroRuc" filterBy="#{agencias.nroRuc}" 
	                headerText="Numero RUC" 
	                filterMatchMode="contains">
	            <h:outputText value="#{agencias.nroRuc}" />
	        	</p:column>
	        	
	
	        	<p:column id="razonSocial" filterBy="#{agencias.razonSocial}"
	                headerText="Razón Social" 
	                filterMatchMode="contains">
	            <h:outputText value="#{agencias.razonSocial}" />
	        	</p:column>
	
				<p:column id="direccion" filterBy="#{agencias.direccion}"
	                headerText="Dirección" 
	                filterMatchMode="contains">
	            <h:outputText value="#{agencias.direccion}" />
	        	</p:column>
	            
	        	<p:column id="telefono" filterBy="#{agencias.telefono}"
	                headerText="Teléfono" 
	                filterMatchMode="contains">
	            <h:outputText value="#{agencias.telefono}" />
	        	</p:column>
	            
	        	<p:column id="contacto" filterBy="#{agencias.contacto}"
	                headerText="Contacto" 
	                filterMatchMode="contains">
	            <h:outputText value="#{agencias.contacto}" />
	        	</p:column>
	        
	        	<p:column id="pagWeb" filterBy="#{agencias.pagWeb}"
	                headerText="Página Web" 
	                filterMatchMode="contains">
	            <h:outputText value="#{agencias.pagWeb}" />
	        	</p:column>
	       
	    	</p:dataTable>
		</p:outputPanel>
</h:form>
		
	<!-- *****Formulario modificar**** --> 
		<p:dialog header="Detalle Agencia" widgetVar="agenciaDialog" resizable="false" id="agenciaDlg" > 
          <h:form id="agenciaDetailForm">
                <p:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">   
                
			<h:outputLabel for="nro_ruc" value="Número de RUC: *" />
				<h:outputText value="#{agenciaBean.agenciaSelected.nroRuc}" />
			
			<h:outputLabel for="razon_social" value="Razón Social: *" />
				<p:inputText id="razon_social" value="#{agenciaBean.agenciaSelected.razonSocial}" required="true" requiredMessage="Este campo es requerido"/>

			<h:outputLabel for="direccion" value="Dirección: *" />
				<p:inputText id="direccion" value="#{agenciaBean.agenciaSelected.direccion}" required="true" requiredMessage="Este campo es requerido"/>
			
			<h:outputLabel for="telefono" value="Teléfono: *" />
				<p:inputText id="telefono" value="#{agenciaBean.agenciaSelected.telefono}" required="true" requiredMessage="Este campo es requerido"/>
			
			<h:outputLabel for="contacto" value="Contacto: *" />
				<p:inputText id="contacto" value="#{agenciaBean.agenciaSelected.contacto}" required="true" requiredMessage="Este campo es requerido"/>
				
			<h:outputLabel for="pag_web" value="Página Web: *" />
				<p:inputText id="pag_web" value="#{agenciaBean.agenciaSelected.pagWeb}" required="true" requiredMessage="Este campo es requerido"/>
                   
                    <f:facet name="footer">
                            <p:commandButton value="Update" update=":frmAgencia:dataTable, :growl" actionListener="#{agenciaBean.update}" 
                           />
                            
                    </f:facet>
                </p:panelGrid> 
             </h:form>
          </p:dialog> 
          
          
          <p:dialog header="Nueva Agencia" widgetVar="newAgenciaDialog" resizable="false" id="newAgenciaDlg" > 
          <h:form id="newAgenciaForm">
                <p:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">   
                
			<h:outputLabel for="nro_ruc" value="Número de RUC: *" />
				<h:outputText value="#{agenciaBean.nro_ruc}" />
			
			<h:outputLabel for="razon_social" value="Razón Social: *" />
				<p:inputText id="razon_social" value="#{agenciaBean.razon_social}" required="true" requiredMessage="Este campo es requerido"/>

			<h:outputLabel for="direccion" value="Dirección: *" />
				<p:inputText id="direccion" value="#{agenciaBean.direccion}" required="true" requiredMessage="Este campo es requerido"/>
			
			<h:outputLabel for="telefono" value="Teléfono: *" />
				<p:inputText id="telefono" value="#{agenciaBean.telefono}" required="true" requiredMessage="Este campo es requerido"/>
			
			<h:outputLabel for="contacto" value="Contacto: *" />
				<p:inputText id="contacto" value="#{agenciaBean.contacto}" required="true" requiredMessage="Este campo es requerido"/>
				
			<h:outputLabel for="pag_web" value="Página Web: *" />
				<p:inputText id="pag_web" value="#{agenciaBean.pag_web}" required="true" requiredMessage="Este campo es requerido"/>
                   
                    <f:facet name="footer">
                            <p:commandButton value="Save" update=":frmAgencia" actionListener="#{agenciaBean.save}" 
                            oncomplete=""/>
                            
                    </f:facet>
                </p:panelGrid> 
             </h:form>
          </p:dialog> 
          
          <p:growl id="growl" showDetail="true" life="5000" />
          <script type="text/javascript">  
    function handleSubmitRequest(xhr, status, args, dialogName, formName) {  
            dialog = jQuery('#'+dialogName);
        if(args.validationFailed) {  
            dialog.effect("shake", { times:3 }, 100);  
        } else {
            clearForm(formName);
            newAgenciaDialog.hide(); 
            agenciaDialog.hide(); 
        }  
    }
    function clearForm(formName){
        jQuery('#'+formName).each(function(){
	        this.reset();
	});
    }
</script> 
		
	

</h:body>

</html>